import {Row, Col, Input, Typography, Card, Button, List, Icon, DatePicker, Select, Switch} from 'antd';
import {Field} from 'saltui';
import React from "react";
import RoomInfo from "../../../common/room_new/RoomInfo"
import RoomDesc from "../../../common/room_new/RoomDesc"
import RoomPrice from "../../../common/room_new/RoomPrice"
import RoomUser from "../../../common/room_new/RoomUser"
import RoomPriceOld from "../../../common/room_new/RoomPriceOld"
const {Text, Title} = Typography;
const {TextArea} = Input;
const {MonthPicker, RangePicker, WeekPicker} = DatePicker;

export default class RoomNew extends React.Component {


  render() {


    return (
      <Row>


        <Card style={{ position:'sticky',top:0,zIndex:8888888 }}>
          <Row>
            <Col span={12}>
              <Col span={6}> <Button type="primary">入住</Button></Col>
              <Col span={6}> <Button type="primary">换房</Button></Col>
              <Col span={6}> <Button type="primary">取消</Button></Col>
              <Col span={6}> <Button type="primary">历史记录</Button></Col>
            </Col>
          </Row>
        </Card>

        <Row>
          <Col span={12}>
            <RoomInfo/>
            <RoomDesc/>
          </Col>
          <Col span={12}>

            <RoomPrice/>
          </Col>
        </Row>

        <Row>

          <Col span={24}>
            <RoomUser/>
          </Col>


        </Row>

      </Row>


    );
  }
}
